<template>
    <ul class="icon_lists dib-box">
        <!-- <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">xiazai</div>
            <div class="code-name">.icon-xiazai</div>
        </li> -->

        <li class="dib">
            <span class="icon iconfont icon-xiazai-icon"></span>
            <div class="name">xiazai</div>
            <div class="code-name">.icon-xiazai-icon</div>
        </li>        

        <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">daochu</div>
            <div class="code-name">.icon-daochu</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-daoru"></span>
            <div class="name">daoru</div>
            <div class="code-name">.icon-daoru</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-richengshezhi"></span>
            <div class="name">richengshezhi</div>
            <div class="code-name">.icon-richengshezhi</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-jichuguanli"></span>
            <div class="name">jichuguanli</div>
            <div class="code-name">.icon-jichuguanli</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-chengjiguanli"></span>
            <div class="name">chengjiguanli</div>
            <div class="code-name">.icon-chengjiguanli</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-jiaowuguanli"></span>
            <div class="name">jiaowuguanli</div>
            <div class="code-name">.icon-jiaowuguanli</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-zaixianzuoyeguanli"></span>
            <div class="name">zaixianzuoyeguanli</div>
            <div class="code-name">.icon-zaixianzuoyeguanli</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-kaowuguanli"></span>
            <div class="name">kaowuguanli</div>
            <div class="code-name">.icon-kaowuguanli</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">bianji</div>
            <div class="code-name">.icon-bianji</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-zuoyepigai"></span>
            <div class="name">zuoyepigai</div>
            <div class="code-name">.icon-zuoyepigai</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-zuoyefabu"></span>
            <div class="name">zuoyefabu</div>
            <div class="code-name">.icon-zuoyefabu</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-zaixianfankui1"></span>
            <div class="name">zaixianfankui</div>
            <div class="code-name">.icon-zaixianfankui1</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-denglu"></span>
            <div class="name">denglu</div>
            <div class="code-name">.icon-denglu</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-fankui"></span>
            <div class="name">fankui</div>
            <div class="code-name">.icon-fankui</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-zhifu"></span>
            <div class="name">zhifu</div>
            <div class="code-name">.icon-zhifu</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-tongji"></span>
            <div class="name">tongji</div>
            <div class="code-name">.icon-tongji</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-zhinengjiance1"></span>
            <div class="name">zhinengjiance</div>
            <div class="code-name">.icon-zhinengjiance1</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-fenpei"></span>
            <div class="name">fenpei</div>
            <div class="code-name">.icon-fenpei</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-pingjia"></span>
            <div class="name">pingjia</div>
            <div class="code-name">.icon-pingjia</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">shaixuan</div>
            <div class="code-name">.icon-shaixuan</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-dayin"></span>
            <div class="name">dayin</div>
            <div class="code-name">.icon-dayin</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-shangchuan"></span>
            <div class="name">shangchuan</div>
            <div class="code-name">.icon-shangchuan</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-chakan"></span>
            <div class="name">chakan</div>
            <div class="code-name">.icon-chakan</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-shanchumoban1"></span>
            <div class="name">shanchumoban</div>
            <div class="code-name">.icon-shanchumoban1</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-chuangjianmoban1"></span>
            <div class="name">chuangjianmoban</div>
            <div class="code-name">.icon-chuangjianmoban1</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-qiandao"></span>
            <div class="name">qiandao</div>
            <div class="code-name">.icon-qiandao</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">shezhi</div>
            <div class="code-name">.icon-shezhi</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-baomingrenling"></span>
            <div class="name">baomingrenling</div>
            <div class="code-name">.icon-baomingrenling</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">shanchu</div>
            <div class="code-name">.icon-shanchu</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">chaxun</div>
            <div class="code-name">.icon-chaxun</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-jisuan"></span>
            <div class="name">jisuan</div>
            <div class="code-name">.icon-jisuan</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-shouquan"></span>
            <div class="name">shouquan</div>
            <div class="code-name">.icon-shouquan</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-zidongkoufei"></span>
            <div class="name">zidongkoufei</div>
            <div class="code-name">.icon-zidongkoufei</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-piliang"></span>
            <div class="name">piliang</div>
            <div class="code-name">.icon-piliang</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-xiugaimoban"></span>
            <div class="name">xiugaimoban</div>
            <div class="code-name">.icon-xiugaimoban</div>
        </li>

        <li class="dib">
            <span class="icon iconfont icon-tianjia"></span>
            <div class="name">tianjia</div>
            <div class="code-name">.icon-tianjia</div>
        </li>
    </ul>
</template>

<script>
export default {
    name: 'pdfIndex',
};
</script>
<style lang="scss" scope>
.icon_lists {
    margin: 20px;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    .dib {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #f6f6f6;
        margin: 10px;
    }
    .icon {
        font-size: 24px;
        color: blue;
    }
}
</style>
